import { DialogTable } from 'custom/index'
import { getShopSubAccountInfo } from './api'

const lossDialog = new DialogTable('DialogTable')

lossDialog
  .title('子账号')
  .width('80%')
  .api((_, row) => {
    return getShopSubAccountInfo({ shopId: row.shopId, month: row.month })
  })
  .useTable()
    .setProp('max-height', 500)
    .addIndexColumn()
    // .useColumn('createTime').label('创建时间').minWidth(200).end()
    .useColumn('name').label('客户姓名').end()
    .useColumn('flowerName').label('客服花名').end()
    .useColumn('accountName').label('子账号名称').minWidth(180).end()
    .useColumn('baseSalary').label('分摊底薪').align('center').end()
    .useColumn('startDate').label('开始日期').minWidth(160).end()
    .useColumn('endDate').label('截止日期').minWidth(160).end()
    .useColumn('workDays').label('工作天数').end()
    .useColumn('baseProfit').label('底薪效益').end()
    .useColumn('monthSalary').label('销售额').end()
    .useColumn('commissionRatio').label('提成比例').end()
    .useColumn('commissionProfit').label('提成效益（元）').align('center').minWidth(160).end()
    .useColumn('sumProfit').label('效益合计（元）').align('center').minWidth(160).end()
    .upto('DialogTable')
  .usePagination()

  export default lossDialog
